rem (単位)

web browser上でroot font sizeを変更することが出来る

段落要素は1rem

本文のfont-sizeが1remである

だから、h1のような見出しは、これより大きい値を指定する

code:css

/* htmlが body>.parent>.childのとき */

body { /* defualtは16pxなので、

}

.parent {

}

.child {

}

rootのみ、デバイスごとの指定をしておけば、それ以外は全て絶対値のノリで相対値を使えるみたいな？

MDNの説明がシンプルでわかりやすい

emとrem

コラム